<template>
    <div class="breadcrumb-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <div class="breadcrumb-list">
                        <nav aria-label="breadcrumb" class="page-breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <nuxt-link to="/teacher">首页</nuxt-link>
                                </li>

                                <li class="breadcrumb-item" aria-current="page">
                                    <nuxt-link to="/teacher/class">我的班级</nuxt-link>

                                </li>
                                <li class="breadcrumb-item" aria-current="page">x班y考试</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="course-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-0 px-0">

                    <div class="card overview-sec">
                        <div class="card-body">
                            <h5 class="subs-title">学员成绩</h5>
                            <div class="settings-referral-blk table-responsive">
                                <table class="table table-nowrap mb-0">
                                    <thead>
                                        <tr>
                                            <th>编号</th>
                                            <th>姓名</th>
                                            <th>成绩</th>
                                            <th>提交时间</th>
                                            <th>查看</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr v-for="i in 10" :key="i">
                                            <td>
                                                {{ i }}
                                            </td>
                                            <td>
                                                <img src="assets/img/students/refer-img1.png"
                                                    class="rounded-circle me-2" alt="Referred User Info">
                                                小A
                                            </td>
                                            <td>
                                                100%
                                            </td>

                                            <td>
                                                2024-12-24
                                            </td>

                                            <td>
                                                <nuxt-link to="./exam-student-detail?id=1&stuid=1">查看</nuxt-link>
                                            </td>

                                        </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="card overview-sec">
                        <div class="card-body">
                            <h5 class="subs-title">试题分析</h5>

                            <div class="faq-card" v-for="i in 10">
                                <h6 class="faq-title">
                                    <a class="collapsed d-flex" data-bs-toggle="collapse" :href="'#faq' + i"
                                        aria-expanded="false">
                                        <span>第{{ i }}题 </span>
                                        <span style="margin-left:auto">正确率： 100%</span>
                                    </a>
                                </h6>
                                <div :id="'faq' + i" class="collapse" style="">
                                    <div class="faq-detail">
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson
                                            ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
                                            Food
                                            truck quinoa nesciunt laborum eiusmod.</p>
                                        <p>If several languages coalesce, the grammar of the resulting language is more
                                            simple
                                            and regular than that of the individual languages. The new common language
                                            will be
                                            more simple and regular than the existing European languages.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">

                    <div class="card category-widget blog-widget">
                        <div class="card-header">
                            <h4 class="card-title">考试概览</h4>
                        </div>
                        <div class="card-body">
                            <ul class="categories">
                                <li>
                                    <a href="javascript:void(0);"> <i class="fas fa-angle-right"></i> 考试时间：2024-12-26
                                    </a>

                                </li>
                                <li>
                                    <a href="javascript:void(0);"> <i class="fas fa-angle-right"></i> 班级人数：3人 </a>

                                </li>
                                <li>
                                    <a href="javascript:void(0);"> <i class="fas fa-angle-right"></i> 参与人数：3人 </a>

                                </li>
                                <li><a href="javascript:void(0);"> <i class="fas fa-angle-right"></i> 平均分：83分 </a></li>
                                <li><a href="javascript:void(0);"> <i class="fas fa-angle-right"></i> 最高分：100分 </a></li>
                                <li><a href="javascript:void(0);"> <i class="fas fa-angle-right"></i> 最低分：63分 </a></li>
                            </ul>
                        </div>
                    </div>



                    <div class="card tags-widget blog-widget tags-card">
                        <div class="card-header">
                            <h4 class="card-title" data-sider-select-id="936928d0-6fdf-43b8-b710-e301a6cdbfe3">选择题
                            </h4>
                        </div>
                        <div class="card-body">
                            <ul class="tags">
                                <li v-for="i in 25" :key="i"><a href="javascript:void(0);" class="tag">{{ i }}</a>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

</template>
<style>
.tags .tag {
    width: 47.5px;
    text-align: center;
}
.overview-sec h6 {
    margin-bottom: 0 !important;
}
</style>
